@import '../c_themes/theme.scss';

// 九宫格照片
.img-grid {
	display: flex;
	justify-content: flex-start;
	flex-flow: row wrap;
	margin: 5rpx auto;
}
	//	照片容器1，***因为系统的关系，此处不是图片实体，而是最外层容器***
	.img-grid image {
		margin: 4rpx;
		border-radius: $small-border-radius;
		height: 200rpx !important;
		width: 240rpx !important;
		cursor: pointer;
		background-image: $default-logo;
		background-size: $common-imgIcon-bg-size;
		background-position: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	// 照片容器2，***此为图片第二层容器，系统将图片显示为此容器的背景***
	.img-grid image div {
		background-size: $common-imgIcon-bg-size !important;
		background-position: center;
	}
	// 评论中的九宫格
	.content-comment .img-grid {
		width: 100%;
	}
	// 评论中的照片宽度被压缩了，高度相应减少
	.content-comment .img-grid image ,.content-comment .img-grid image div{
		height: 80px !important;
	}
	// 四格
	.img-grid.tetrad {
		width: 75%;
		margin: 0;
	}
		// 图片
		.img-grid.tetrad image{
			flex: 0 0 42.5%;
		}
	// 九格
	.img-grid.nine{
		width:100%;
		margin: 0;
	}
		// 图片
		.img-grid.nine image{
			flex: 0 0 32%;
		}